// sidebar
$menuText:var(--menuText, #595959); // 菜单文字颜色
$menuActiveText: var(--menuActiveText, #409eff); // 选中菜单文字颜色
$subMenuActiveText: var(--subMenuActiveText, #409eff); // 选中子菜单文字颜色

$menuBg: var(--menuBg, #fff); // 菜单背景色
$menuHover: var(--menuHover, #f3f6ff); // 鼠标经过菜单颜色

$subMenuBg: var(--subMenuBg, #fff); // 子菜单背景色
$subMenuHover: var(--subMenuHover, #f3f6ff); // 鼠标经过子菜单颜色
$logBg: var(--logBg, #fff); // logo背景色
$navbarBg: var(--navbarBg, #fff); // 顶栏背景色
$navbarText: var(--navbarText, #595959); // 顶栏文字颜色


$sideBarWidth: 210px;

// the :export directive is the magic sauce for webpack
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
:export {
  menuText: $menuText;
  menuActiveText: $menuActiveText;
  subMenuActiveText: $subMenuActiveText;
  menuBg: $menuBg;
  menuHover: $menuHover;
  subMenuBg: $subMenuBg;
  subMenuHover: $subMenuHover;
  sideBarWidth: $sideBarWidth;
  logBg: $logBg;
  navbarBg:$navbarBg;
  navbarText:$navbarText;
}
// :export {
//   menuText: $menuText;
//   menuActiveText: $menuActiveText;
//   subMenuActiveText: $subMenuActiveText;
//   menuBg: $menuBg;
//   menuHover: $menuHover;
//   subMenuBg: $subMenuBg;
//   subMenuHover: $subMenuHover;
//   sideBarWidth: $sideBarWidth;
// }
